<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="">
    <script src=""></script>
    <img src="" alt="">
    <a href=""></a>
</head>

<body>

    <script>
        // function Person() {
        //     // 创建变量接收实例对象
        //     let obj
        //     // 创建函数，专门用来生成实例化对象
        //     function createObject() {
        //         // 判断当前变量是否有值，如果有值就直接返回这个变量，如果没有就给这个变量赋一个实例对象
        //         // 这样的做法就可以让这两个函数的引用地址一样
        //         if (!obj) {
        //             obj = new Person()
        //         }
        //         return obj
        //     }
        // }
        // var p1 = createObject()
        // console.log(p1);


        // var arr1 = [[0, 1], [2, 3], [4, 5]];
        // var arr1 = [["a", "1"], ["b", "2"]]
        // var arr2 = arr1.reduce(function (a, b,arr1) {
        //     var str = arr1.reduce(function(c,d,arr1){
        //         arr1.join('=')
        //     })
        //     return arr1.join('&')
        // });
        // console.log(arr2);




        //  var arr1 = [["a", "1"], ["b", "2"]]

        // arr1.map(function(a,index){

        //     arr1[index] = a.join('=')
        // })
        // arr1 = arr1.join('&');
        // console.log(arr1);




        // [1,1,2,3,4].filter(ele=>ele.data)





    </script>
    <div class="father">
        <div class="son"></div>
    </div>
</body>
<style>
    .father {
        position: relative;
        background: #000;
        width: 400px;
        height: 400px;
    }

    .son {
        position: absolute;
        background: red;
        /* left: 50%; */
        /* top: 50%; */
        width: 200px;
        height: 200px;
        margin-left: 98px;
        margin-top: 99px;
    }
</style>

</html>